/**************************************
 *
 * VLOOK™ 模板主题
 *
 * powered by MAX°孟兆
 *
 * QQ Group: 805502564
 * Telegram Channel: t.me/vlook_markdown
 * email: maxchow@qq.com
 *
 * For(QQ): 506086577
 * 2024-7
 * http://www.chemetall.com.cn
 * http://www.chemetall.com
 *
 *************************************/

@import "../font";
@import "../color";
@import "../common";

// 主题信息
@themeVer: "V28.1";
@themeName: "vlook-x-chemetall";
@themeDesc: "× Chemetall";
@themeEmail: "506086577@qq.com";

// 指定字体主题
.applyFontStyle(local);
// 指定主题配套的圆角
.applyThemeRadius(small);
// 表格、插图指定居中对齐
.genTableAndFigureAlign(center);
// 生成指定的表格样式
.genTableStyle(modern);

:root {
    --thm-fav-logo-lg: url("");
    --thm-fav-logo-dk: var(--thm-fav-logo-lg);
}

// 主题主色
@theme1: #004A96;
@theme2: #65AC1E;
@theme3: #FFFFFF;
@theme1Alt: #CAE2FC;
@theme1Dark: #2878C9;
@theme1AltDark: #003E7D;
@theme2Alt: #DFF7C6;
@theme2Dark: #5D9E1C;
@theme2AltDark: #345910;
@theme1Fade: rgba(red(@theme1), green(@theme1), blue(@theme1), 15%);
@theme2Fade: rgba(red(@theme2), green(@theme2), blue(@theme2), @accOpacity);
@theme2FadeDark: rgba(red(@theme2Dark), green(@theme2Dark), blue(@theme2Dark), 30%);

// 标题色
@headerColor: @theme1;
@headerColorDark: @theme1Dark;
// 标题背景
// @headerBackground: var(--thm-c-plus) no-repeat;

// @spliterWidth: 4px;
// @headerSpliterLg: linear-gradient(180deg, transparent, transparent @spliterWidth, var(--d-bc) @spliterWidth, var(--d-bc));

//@contentHeaderNumColor: var(--h-f);
//@contentHeaderNumOpacity: .5;
@liBeforeColor: rgba(red(@theme2), green(@theme2), blue(@theme2), 50%);

// @continuousHeaderBG: none;
@headerTextAlign: left;
@headerPadding: 15px 0 5px;

// 不进行标题自动编号
@vHeaderAutoNum: "h1{{#none#}},h2{{#none#}},h3{{#none#}},h4{{#none#}},h5{{#none#}}";;
@h1BeforeContent: "";
@h2BeforeContent: "";
@h3BeforeContent: "";
@h4BeforeContent: "";
@h5BeforeContent: "";

// 标题边框
// @h1BorderTop: 5px solid var(--h-box-shadow);
// @h2BorderBottom: 2px solid var(--h-box-shadow);
@h1Margin: 2em 0 0 0;
@h2Margin: 2em 0 0 0;
@h3Margin: 1.5em 0 0 0;
@h4Margin: 1.5em 0 0 0;
@h5Margin: 1.25em 0 0 0;
@h6Margin: 1em 0 0 0;

// 行内代码
@codeTextColor: @theme2;

//@quoteBorderLeft: 0;

// 按钮色
@buttonForeColor: @theme3;
@buttonForeHoverColor: @theme3;
@buttonBgColor: @theme1;
// 文库按钮颜色
@docLibButtonForeColor: @buttonForeColor;
@docLibButtonForeHoverColor: @buttonForeHoverColor;
@docLibButtonBgColor: @buttonBgColor;
// 指定 kbd 按钮风格
.applyKbdRadius(small);

// 链接颜色
@aBorderWidth: 2px;
@aColor: #21A0D2;//lighten(@theme1, 10%);
@aColorDark: lighten(@theme1Dark, 10%);
// @alinecolor: @theme2;
@aHoverColor: @theme2;
@aHoverColorDark: @theme2Dark;
@aActiveColor: #F39500;//desaturate(@theme2, 30%);

// 封面内多级标签样式
@badgeColorInCover: @buttonForeHoverColor;
// @badgeBakgroundInCover: @aColor;
@badgeBorderColorInCover: transparent;

// 封面、封底文字位置及对齐方式
@coverTextAlign: left;
@coverTextPadding: 180px 60px 0;
@coverTextPaddingForMobile: 180px 20px 0;
@coverTextColor: @theme1;
@coverSubColor: @theme2;
@coverUnderlineColor: #606264;
@coverAuthorColor: @coverUnderlineColor;
@coverOwnerColor: @coverAuthorColor;

@backcoverTextAlign: left;
@backcoverTextPadding: 380px 60px 0;
@backcoverTextPaddingForMobile: 380px 20px 0;
@backcoverTextColor: @coverTextColor;

// 对比度边框色，用于主题色与背景色对比度比较低时的边缘视觉识别
@contrastBorder: 0 0 0 0 transparent;
@contrastBorderForCover: none;

// 封面背景设置
@__coverBackgroundImage: var(--thm-c-logo), var(--thm-bd-c1), var(--thm-bd-c2), var(--thm-bd-c3), var(--thm-bd-c4), var(--thm-bd-c-h), var(--thm-bd-c-v), var(--thm-bd-c-h), var(--thm-bd-c-v);
@__coverBackgroundSize: 280px 42px, 150px 150px, 10px 10px, 10px, 10px, calc(100% - 160px) 10px, 10px calc(100% - 20px), calc(100% - 20px) 10px, 10px calc(100% - 160px);
@__coverBackgroundRepeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
@__coverBackgroundPosition: top left, top right, bottom right, bottom left, top 0 left 150px, top 10px right 0, bottom 0 left 10px, left 0 top 150px;
@coverBackgroundColor: #FFFFFF;
@coverBackgroundImage: @__coverBackgroundImage, var(--thm-c-plus);
@coverBgSize: @__coverBackgroundSize, auto;
@coverBgSizeForMobile: @__coverBackgroundSize, 246px, 195px;
@coverBackgroundSize: var(--thm-c-bg-size);
@coverBackgroundRepeat: @__coverBackgroundRepeat, no-repeat;
@coverBgPosition: 60px 60px, @__coverBackgroundPosition, right 60px bottom 50px;
@coverBgPositionForMobile: 20px 60px, @__coverBackgroundPosition, right 20px bottom 50px;
@coverBackgroundPosition: var(--thm-c-bg-pos);

// 封底背景设置
@backcoverBackgroundColor: @coverBackgroundColor;
@backcoverBackgroundImage: @__coverBackgroundImage, var(--thm-bc-map);
@backcoverBgSize: @__coverBackgroundSize, auto;
@backcoverBgSizeForMobile: @__coverBackgroundSize, 300px 168px;
@backcoverBackgroundSize: var(--thm-bc-bg-size);
@backcoverBackgroundRepeat: @__coverBackgroundRepeat, no-repeat;
@backcoverBgPosition: 60px 60px, @__coverBackgroundPosition, right 60px center;
@backcoverBgPositionForMobile: 20px 60px, @__coverBackgroundPosition, right 20px center;
@backcoverBackgroundPosition: var(--thm-bc-bg-pos);

// 封面、封底素材资源
:root {
    --thm-c-logo: url("");
    --thm-c-plus: url("");
    --thm-bd-c1: url("");
    --thm-bd-c2: url("");
    --thm-bd-c3: url("");
    --thm-bd-c4: url("");
    --thm-bd-c-h: url("");
    --thm-bd-c-v: url("");
    --thm-bc-map: url("");
}

@import "../base";

// ====================
// 标题 after 样式
@{headerAfter} {
    content: "";
    background: url("");
    background-size: .625em .625em;
    background-repeat: no-repeat;
    background-position: 0 0;
    opacity: .4;
    width: 1em;
    height: 1em;
    margin: 6px 4px;
    position: relative;
    display: inline-flex;
    vertical-align: top;
}
// 针对封底 span::after 的微调处理
@{backcoverSpanAfter},
@{backcoverSpanWithoutYAMLafter} {
    content: "" !important;
    background: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    position: absolute !important;
}

// 生成强调风格的有序列表样式
.genOrderList(block, circle);

// 生成指定风格的多级标签样式
.genBadgeStyle(dyn);

// 生成 GSA 样式
.genGSA_simple();
